import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueJsx from '@vitejs/plugin-vue-jsx'
// npm add -D terser  剔除console.log
// npm i vite-plugin-imagemin -D
import viteImagemin from 'vite-plugin-imagemin'
// npm i vite-plugin-compression -D
import viteCompression from 'vite-plugin-compression'
// npm i postcss-preset-env -D
import postcssPresetEnv from 'postcss-preset-env'
// import postcssPxToViewport from 'postcss-px-to-viewport';

// https://vitejs.dev/config/
export default defineConfig({
  //静态资源服务的文件夹
  publicDir: 'public',
  base: './',
  //静态资源处理
  assetsInclude: '',
  //控制台输出的级别 info 、warn、error、silent
  logLevel: 'info',
  // 设为false 可以避免 vite 清屏而错过在终端中打印某些关键信息
  clearScreen: true,
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: `@use "@/assets/styles/variables.scss" as *;`, // 全局引入
      },
    },
    postcss: {
      plugins: [
        // postcssPxToViewport({
        //   unitToConvert: 'px', // 要转换的单位
        //   viewportWidth: 750, // 设计稿宽度
        //   unitPrecision: 3, // 单位转换后保留的精度
        //   propList: ['*'], // 指定转换那些属性，*表示全部
        //   viewportUnit: 'vw', // 希望使用的视口单位
        //   fontViewportUnit: 'vw', // 字体使用的视口单位
        //   selectorBlackList: [], // 要忽略的选择器
        //   minPixelValue: 1, // 最小的转换数值
        //   mediaQuery: false, // 是否在媒体查询中也转换px
        //   replace: true, // 是否直接更换属性值
        //   exclude: /(\/|\\)(node_modules)(\/|\\)/, // 要忽略的文件
        //   include: [], // 要包含的文件
        // }),
        postcssPresetEnv(),
      ], // 使用预设
      // 需要先安装预设: `npm i postcss-preset-env -D`
    },
  },

  plugins: [
    vue(),
    vueJsx(),
    //代码体积压缩
    viteCompression({
      verbose: true, //是否在控制台输出压缩结果，默认为 true
      disable: false, //是否禁用压缩，默认为 false
      threshold: 0, //启用压缩的文件大小限制，单位是字节，默认为 0
      algorithm: 'gzip', //采用的压缩算法，默认是 gzip
      ext: '.gz', //生成的压缩包后缀
    }),
    // 图片压缩
    viteImagemin({
      gifsicle: {
        optimizationLevel: 7,
        interlaced: false,
      },
      optipng: {
        optimizationLevel: 7,
      },
      mozjpeg: {
        quality: 20,
      },
      pngquant: {
        quality: [0.8, 0.9],
        speed: 4,
      },
      svgo: {
        plugins: [
          {
            name: 'removeViewBox',
          },
          {
            name: 'removeEmptyAttrs',
            active: false,
          },
        ],
      },
    }),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
    },
    // 导入时想要省略的扩展名列表
    // 不建议使用 .vue 影响IDE和类型支持
    extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'],
  },
  //本地运行配置，以及反向代理配置
  server: {
    // host: 'localhost',
    host: true, // 监听所有地址
    // https: false, //是否启用 http 2
    cors: true, //为开发服务器配置 CORS , 默认启用并允许任何源
    open: true, //服务启动时自动在浏览器中打开应用
    port: 9000,
    // strictPort: false, //设为true时端口被占用则直接退出，不会尝试下一个可用端口
    // force: true, //是否强制依赖预构建
    // hmr: false, //禁用或配置 HMR 连接,是否保存自动刷新浏览器
    hmr: true,
    // 传递给 chockidar 的文件系统监视器选项
    watch: {
      ignored: ['!**/node_modules/your-package-name/**'],
    },
    // 反向代理配置
    proxy: {
      '/api': {
        target: 'https://xxxx.com/',
        // target: 'http://127.0.0.1:8956/',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ''),
      },
    },
  },
  //生产环境不要日志，去掉console,debugger
  //  esbuild: {
  //   drop: ['console', 'debugger']
  // },
  //打包配置 默认这里是生产环境运行
  build: {
    //浏览器兼容性  "esnext"|"modules"
    target: 'modules',
    //指定输出路径
    outDir: 'dist',
    //生成静态资源的存放路径
    assetsDir: 'assets',
    //小于此阈值的导入或引用资源将内联为 base64 编码，以避免额外的 http 请求。设置为 0 可以完全禁用此项
    assetsInlineLimit: 4096,
    //启用/禁用 CSS 代码拆分
    cssCodeSplit: true,
    //构建后是否生成 source map 文件
    sourcemap: false, // 这个生产环境一定要关闭，不然打包的产物会很大
    //自定义底层的 Rollup 打包配置
    rollupOptions: {},
    //@rollup/plugin-commonjs 插件的选项
    commonjsOptions: {},
    //   关闭文件计算
    reportCompressedSize: false,
    //构建的库
    // lib: {},
    //当设置为 true，构建后将会生成 manifest.json 文件
    manifest: false,
    // 设置为 false 可以禁用最小化混淆，
    // 或是用来指定使用哪种混淆器
    // boolean | 'terser' | 'esbuild'
    minify: 'terser', //terser 构建后文件体积更小
    //传递给 Terser 的更多 minify 选项。
    terserOptions: {
      //生产环境不要日志，去掉console,debugger
      compress: {
        drop_console: true,
        drop_debugger: true,
      },
    },
    //设置为 false 来禁用将构建后的文件写入磁盘
    write: true,
    //默认情况下，若 outDir 在 root 目录下，则 Vite 会在构建时清空该目录。
    emptyOutDir: true,
    //启用/禁用 brotli 压缩大小报告
    // brotliSize: true,
    //chunk 大小警告的限制
    chunkSizeWarningLimit: 500,
  },
})
